var store = Ext.create('Ext.data.TreeStore', {
	root : {
		expanded : true,
		children : [ {
			text : "基本资料",
			expanded : true,
			children : [ {
				text : "book report",
				leaf : true
			}, {
				text : "alegrbra",
				leaf : true
			} ]
		}, {
			text : "供应商",
			expanded : true,
			children : [ {
				text : 'ddd',
				leaf : true
			}, {
				text : 'hhhhhhhh',
				leaf : true
			} ]
		} ]
	}
});
var rootNodeone = Ext.create('Ext.tree.Panel', {
	width : '100%',
	store : store,
	border : false,
	rootVisible : false,
});
var win = Ext.create('Ext.window.Window', {
	title : '导航者',
	width : 800,
	height : 500,
	layout : 'border',
	items : [ {
		region : "west",
		width : 150,
		title : '信息',
		collapsible : true,
		layout : 'accordion',
		items : [ {
			title : "共用资料",
			items : [ rootNodeone ],
		}, {
			title : "采购管理",
			html : "嵌套面板二",
			iconCls : "search"
		}, {
			title : "销售管理",
			html : "嵌套面板二",
			iconCls : "search"
		}, {
			title : "账款管理",
			html : "嵌套面板二",
			iconCls : "search"
		}, {
			title : "报表管理",
			html : "嵌套面板二",
			iconCls : "search"
		} ],
	}, {
		region : "center",
		split : true,
		border : true,
		bodyStyle:'background:#D9E7F8',
	} ],
	rendenTo : document.body,
});

Ext.onReady(function() {
	Ext.create('Ext.panel.Panel', {
		title : '导航者',
		renderTo : Ext.getBody(),
		tbar : [ '-',{
			xtype : 'button',
			text : '上一页'
		},'-', {
			xtype : 'button',
			text : '下一页'
		},'-', {
			xtype : 'button',
			text : '新增'
		},'-', {
			xtype : 'button',
			text : '保存'
		},'-', {
			xtype : 'button',
			text : '修改'
		}, '-',{
			xtype : 'button',
			text : '删除'
		},'-', {
			xtype : 'button',
			text : '审核'
		},'-', {
			xtype : 'button',
			text : '反审核'
		},'-' ],
	});
	win.show();
});